<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <!-- 这个地方必须得引入，否则会出现页面可缩放的问题-->
    <meta name="viewport" content="width=device-width,initial-scale=1,user-scalable=0">
    <title>footer</title>
    <!-- weui的相关css样式，需要引入-->
    <link rel="stylesheet" href="../css/weui.min.css">
    <link rel="stylesheet" href="../css/jquery-weui.min.css">
</head>
<body>
<div class="weui-footer" style="margin-top:150px">
    <p class="weui-footer__text">Copyright © 2008-2016 weui.io</p>
</div>

<div class="weui-footer" style="margin-top: 150px">
    <p class="weui-footer__links">
        <a class="weui-footer__link" href="javascript:void(0);">底部链接</a>
    </p>
    <p class="weui-footer__text">Copyright © 2008-2016 weui.io</p>
</div>
<br>
<div class="weui-footer weui-footer_fixed-bottom"><!--加上weui-footer_fixed-bottom，可以使footer固定在底部-->
    <p class="weui-footer__links">
        <a class="weui-footer__link" href="javascript:void(0)">底部链接</a>
        <a class="weui-footer__link" href="javascript:void(0)">底部链接</a>
    </p>
    <p class="weui-footer__text">Copyright © 2008-2016 weui.io</p>
</div>
<script src="../js/jquery.min.js"></script>
<script src="../js/jquery-weui.min.js"></script>
</body>
</html>